/* pages/home/home.wxss */
.page {
  position: relative;
  width: 100vw;
  min-height: 100vh;
  overflow-x: hidden;

  .bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
  }

  .swiper-container {
    width:100%;
    height:500rpx;
  }

  .swiper_view_item{
    width:330rpx;
    height:460rpx;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .img {
    width: 290rpx;
  }

  .img_init_1{
    transform: scale(1.15);
  }

  .img_init_0{
    transform: scale(1);
  }

  .img_small_big{
    animation: img_small_big 500ms linear 0s forwards;
  }
  @keyframes img_small_big {
    0%{transform: scale(1);}
    100%{transform: scale(1.15);}
  }

  .img_big_small{
    animation: img_big_small 500ms linear 0s forwards;
  }
  @keyframes img_big_small {
    0%{transform: scale(1.15);}
    100%{transform: scale(1);}
  }

  .hidepic{
    opacity:0;
  }

  .showpic{
    opacity:1;
  }

  .img_opacity_0_1{
    animation: img_opacity_0_1 500ms linear 0s forwards;
  }
  @keyframes img_opacity_0_1 {
    0%{opacity:0;}
    100%{opacity:1;}
  }

  .img_opacity_1_0{
    animation: img_opacity_1_0 500ms linear 0s forwards;
  }
  @keyframes img_opacity_1_0 {
    0%{opacity: 1;}
    100%{opacity: 0;}
  }

}
